<template>
    <div class="studentProfile">
        <span class="el-avatar el-avatar--square" style="height: 200px; width: 200px; line-height: 200px;">
            <img src="../../../../assets/images/head1.jpg" alt="" style="object-fit: cover;">
        </span>
        <div class="context">
            <!-- <div class="title">学员资料</div> -->
            <!-- <div class="tab">
                <el-table
                    :data="tableData"
                    border
                    style="width: 100%">
                    <el-table-column
                    prop="date"
                    label="sld"
                    width="180">
                    </el-table-column>
                    <el-table-column
                    prop="name"
                    label="姓名"
                    width="180">
                    </el-table-column>
                    <el-table-column
                    prop="address"
                    label="年龄">
                    </el-table-column>
                </el-table>
                <el-table
                    :data="tableData"
                    border
                    style="width: 100%">
                    <el-table-column
                    prop="date"
                    label="班级"
                    width="180">
                    </el-table-column>
                    <el-table-column
                    prop="name"
                    label="学历"
                    width="180">
                    </el-table-column>
                    <el-table-column
                    prop="address"
                    label="项目地址">
                    </el-table-column>
                </el-table>
                 <el-table
                    :data="tableData"
                    border
                    style="width: 100%">
                    <el-table-column
                    prop="date"
                    label="班级"
                    width="180">
                    </el-table-column>
                    <el-table-column
                    prop="name"
                    label="学历"
                    width="180">
                    </el-table-column>
                    <el-table-column
                    prop="address"
                    label="项目地址">
                    </el-table-column>
                </el-table>
            </div> -->


            <el-descriptions title="学员资料" direction="vertical" :column="4" border>
            <el-descriptions-item label="sId">kooriookami</el-descriptions-item>
            <el-descriptions-item label="姓名">
                <el-tag size="small" class="names">学校</el-tag>
            </el-descriptions-item>
            <el-descriptions-item label="年龄" :span="2">苏州市</el-descriptions-item>
            <el-descriptions-item label="班级">kooriookami</el-descriptions-item>
            <el-descriptions-item label="学历">
                <el-tag size="small" class="degree">1</el-tag>
            </el-descriptions-item>
            <el-descriptions-item label="项目地址" :span="2">苏州市</el-descriptions-item>
            <el-descriptions-item label="描述">kooriookami</el-descriptions-item>
            <el-descriptions-item label="城市">kooriookami</el-descriptions-item>
            <el-descriptions-item label="创建时间" :span="2">苏州市</el-descriptions-item>
            </el-descriptions>

        </div>
        <el-button type="primary" @click="$router.push({path:'/studentmanager/studentproduct'})">点击返回列表</el-button>
    </div>

</template>

<script>
  export default {
      meta: {
        title: 'xyzl',
        name:"学员资料",
        icon: 'iconfont icon-shuju1'
    },
    data() {
      return {
        tableData: []
      }
    }
  }
</script>

<style lang="less" scoped>

.title{
    font-size: 16px;
    font-weight: 700;
    text-align: left;
}
/deep/ .has-gutter{
    line-height: 16px;
}
/deep/ .el-table__header-wrapper{
    background-color: #999;
}
/deep/ .names{
    background-color: #67c23a;
    border-block-color: #67c23a;
    color: white;
}
</style>


